body{ background-color: #F5F5F5; font-size: 18px; color: #333;}
@font-face {
    src: url('../fonts/ZhengQingKeHuangYouTi-1.ttf');
    font-family: ZhengQingKeHuangYouTi
}
@font-face {
    src: url('../fonts/DIN-Bold.otf');
    font-family: DIN-Bold
}
/*四个工作状态的颜色*/
.text-powerOn{ color: #00E3D2; }
.text-standby{ color: #0096FF; }
.text-powerOff{ color: #D1D1D1; }
.text-fault{ color: #FF7931; }
.text-bolder{ font-family: DIN-Bold;}
.text-number{ font-family: ZhengQingKeHuangYouTi;}
.font-1{ font-size: 1rem; }
.font-p52{ font-size: 52px;}
.font-p40{ font-size: 40px; }
.font-p36{ font-size: 36px; }
.font-p24{ font-size: 24px; }
.font-p20{ font-size: 20px; }
.font-p18{ font-size: 18px; }
.font-p16{ font-size: 16px; }
.font-p14{ font-size: 14px; }
.font-p12{ font-size: 12px; }
a:hover{ text-decoration: none; }
.iconfont{ font-size: inherit; }
.flex-1{ -ms-flex: 1; flex: 1; }

/*面包屑*/
.breadcrumb{ background-color: #fff; font-size: 14px; color: #666666; margin: 0; padding: 0;}
.breadcrumb-item.active{ color: #057AFF;}

/*section*/
.custom-section{ background: #ffffff; border-radius: 2px; padding: 20px; }

/*表单*/
.form-control{ background: rgba(200, 200, 200, .15); border-radius: 3px; border: none; font-size: 16px; }
.form-control.time-picker{ background: url(../images/icon/time-picker.png) no-repeat right .75rem center rgba(200, 200, 200, .15); }
select.form-control{ -webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right: 30px;
    background: url(../images/icon/select-arrow.png) no-repeat right .75rem center rgba(200, 200, 200, .15); }
select.form-control::-ms-expand{ display: none; }
.btn{ font-size: 16px; border: none; }
.btn-sm { font-size: 14px;}
.custom-control-label{ font-size: 16px;}
.col-form-label{ text-align: right;}
.modal .form-control{ background-color: #fff; border: 1px solid #bfbfbf;
    font-size: 14px; height: 36px;}
.modal textarea.form-control { height: auto;}
.modal .form-control:focus { border-color: #80bdff;}
.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; }
/*textarea:required:invalid, input:required:invalid, select:required:invalid{ background-color: rgba(255, 185, 185, 0.2); border-color: #ff8383;}*/
/*textarea:required:invalid:focus, input:required:invalid:focus, select:required:invalid:focus{ box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);}*/
.modal label { margin-bottom: .35rem; font-size: 14px; }
.modal .input-group-text{ font-size: 14px;}
.modal-header { background: #2D86DD; padding: 10px 1rem; color: #fff; border-top-left-radius: 4px;
    border-top-right-radius: 4px;}
.modal-header .close{ color: #fff; opacity: 1; text-shadow: none; }
.modal-content { border-radius: 4px 4px 0 0; border: none;}
.modal-sub-title span{ font-size: 16px; border-bottom: 1px solid #007ED0; }
.image-upload-area{ height: 100px; background: #f5f5f5;
    border: 1px dashed #ddd; border-radius: 3px; width: 100%;}
.image-upload-area img{ max-height: 100%; max-width: 100%;}
.modal .list-group-item,.search-list-group .list-group-item{ padding: .5rem .75rem;}
.form-required{ color: red; font-size: 20px; position: absolute; margin-left: 2px; margin-top: -2px;}
.form-datatime{ min-width: 195px; }

/*表格样式*/
.table th, .table td{ font-weight: 400; border-top: none;}
.table thead tr{ background: #2D86DD; color: #fff }
.table thead th{ border-bottom: 2px solid #ccc; font-size: 20px; }
.table-bordered thead th{ border-bottom-width: 1px;}
.table-bordered td, .table-bordered th{ border: 1px solid #ccc; border-top: none; border-bottom: none;}
.table-striped tbody tr:nth-of-type(odd){ background-color: rgba(204, 204, 204, 0.2);}
.table-responsive{ margin-bottom: 1rem; }
.table-responsive .table{ margin-bottom: 0.25rem; }
.table-responsive .table th, .table-responsive .table td{ white-space: nowrap; }
.table-responsive .table .form-control{ min-width: 5rem; }
.table-center.table th, .table-center.table td{ text-align: center; }
.table-sm td, .table-sm th{ padding: .4rem;}
.table-sm thead th{ font-size: 18px;}
.table-sm td{ font-size: 16px;}

/*分页栏*/
.page_div{ text-align:center; font-size: 18px;}
.page_div a{ padding: 6px 10px; line-height: 1; border: 1px solid #146AB8!important; text-align: center; margin: 0 5px; cursor: pointer;
    color: #333!important; font-size: 16px; display: inline-block; }
.page_div a:hover{ opacity: 0.8}
.page_div .current{ background-color: #146AB8; color: #FFFFFF!important;}
.totalPages{margin: 0 10px;}
.totalPages span, .totalSize span{color: #146AB8; margin: 0 5px; font-weight: 600;}
.page_div .goPage{ margin-left: 16px;}
.page_div .goPage .current{  font-size: 14px;}
.page_div input,.page_div select{ padding: 0px 8px; line-height: 28px; height: 28px; background: #f7f7f7; font-size: 14px;
    border: none; text-align: center; margin: 0 5px; border: 1px solid #146AB8;}
.page_div input{ width: 64px;  padding-right: 0px;}
.page_div input:focus,.page_div select:focus{ background-color: #fff; outline: 0; box-shadow: 0 0 0 0.1rem rgba(0,123,255,.25); }

.amap-sug-result{z-index:2055}
/*图片预览*/
.img-preview{ width: 100px; height: 100px; background-color: #fff; cursor: pointer;}
table .img-preview{ width: 35px; height: 35px;}
#viewImageModal .modal-dialog{ max-width: 80%; display: -ms-flexbox!important; display: flex!important; -ms-flex-pack: center!important; justify-content: center!important;}
#viewImageModal .modal-content{ width: auto;}
.delete-option-btn{ color: #dc3545;}
.delete-option-btn:hover{color: #9a2530}
.config-option-btn{ color: #006666;}
.config-option-btn:hover{color: #004747;}
.fresh-option-btn{ color: #3c3;}
.fresh-option-btn:hover{color: #248e24;}
/*配合customModalV2的样式部分*/
/*图表无数据提示*/
.noDataHint_n{ background: url(../images/no-data.png) no-repeat center center #fff; z-index: 1; text-align: center; position: absolute; }
/*弱提示*/
.modal-hint{ position: fixed; top: 48%; left: 50%; background: rgba(0, 0, 0, 0.7); color: #fff; border-radius: 5px; font-size: 24px; z-index:2000; padding: 12px 20px; }
/*强提示*/
.modal-hint.strong{ top: 0; left: 0; border-radius: 0; font-size: 24px; z-index:2001; padding: 0; padding-top: 20%; width: 100%; height: 100%; text-align: center; }
/*旋转动画*/
.rotate{ animation: rotate 2s linear infinite;}
@keyframes rotate{ 0%{ transform:rotate(0deg);} 50%{ transform:rotate(180deg);} 100%{ transform:rotate(360deg);} }

/*定义webkit内核下 滚动条样式*/
::-webkit-scrollbar{ width: 7px; height: 7px; background-color: rgba(0, 0, 0, 0.44);}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #ddd;}
::-webkit-scrollbar-thumb{ border-radius: 3px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #258bd4;}

/*layui树结构*/
.layui-tree .layui-icon-file{ display: none;}
.layui-tree-entry{ line-height: 20px; height: auto; white-space: normal; }
.layui-form-checkbox[lay-skin=primary]{ padding-left: 22px;}
.layui-form-checked[lay-skin=primary] i{ border-color: #007bff!important;
    background-color: #1988ff;}
.layui-form-checkbox i{ top: 1px;}
.layui-tree-icon{ width: 14px;}
.layui-tree-line .layui-tree-entry:hover{ background-color: rgba(21, 106, 184, .06);}
.layui-tree-line .layui-tree-txt{ display: inline;}
.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{ color: #007bff; text-decoration: none;}
.layui-tree-iconClick{ margin: 0px 6px;}

/*layui穿梭框*/
.layui-transfer .layui-transfer-header{ padding: 10px; background: #f5f5f5;}
.layui-transfer .layui-form-checkbox span { height: auto;}

.custom-scroll-y{ overflow-y: auto; }
.custom-scroll-y::-webkit-scrollbar-thumb{ background-color: #2d86dd;}

/*峰谷平颜色*/
.text-peak{ color: #FF8B35 !important}
.text-valley{ color: #009AEA !important}
.text-level{ color: #F2CB6B !important}

.statistical-data-border{ border: 2px solid #C7C7C7; padding: 6px 16px;}

.selectivity-input{ padding: 0;}
.selectivity-single-select{ padding: 0; padding-right: 30px;
    background: url(../images/icon/select-arrow.png) no-repeat right .75rem center #f7f7f7; min-height: 34px;}
:focus .selectivity-single-select{ background-color: #fff;}
.modal .selectivity-single-select{ background-color: #fff;}
.selectivity-single-result-container{ right:30px; left: 0.75rem; top: .45rem;}
.modal .selectivity-single-result-container{ top: .375rem;}
.selectivity-single-selected-item{ color: #495057;}
.selectivity-multiple-input-container{ padding: 0 30px 0 .75rem;
    background: url(../images/icon/select-arrow.png) no-repeat right .75rem center #fff; height: auto;}
.selectivity-multiple-input{ width: 100%; }
.selectivity-multiple-selected-item{ line-height: 1.5rem;}